<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<style type="text/css">
<!--
body {
	MARGIN: 0px;
	background-image: url(resources/images/login/bg.jpg);
}
.STYLE8 {font-size: 14px; color: #666666; }
img {border:0;} 
.STYLE10 {
	font-size: 20px;
	color: #FFFFFF;
	margin-left: 180px;
	font-weight: bold;
}
.STYLE11 {
	font-size: 13px;
	color: #FFFFFF;
}
-->
</style>
<style type="text/css">
.div1{
	padding-left:30px;
	background:url(resources/images/login/1.png) 4px  no-repeat;
	background-color:#FFFFFF;
	width:140px;
	height:25px;
	line-height:25px;
	border:1px solid #ccc;
	}
	.div2{
	padding-left:30px;
	background:url(resources/images/login/2.png) 4px  no-repeat;
	background-color:#FFFFFF;
	width:140px;
	height:25px;
	line-height:25px;
	border:1px solid #ccc;
	}
input{
		border:0;
	font-size:18px;	
	}
</style>
<script src="resources/js/jquery-1.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
        function onSubmit(){
        	document.forms[0].submit();
        }
        $(function(){
        	$("html").die().live("keydown",function(event){
	   	        if(event.keyCode==13){
	   	        	onSubmit();
	   	        }
   	       });
        });
     </script>
</head>
<body >
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>&nbsp;</td>
    <td width="1000" height="600" background="resources/images/login/dbg.jpg"><table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="60"><span class="STYLE10">基本权限系统</span></td>
      </tr>
    </table>
    <form action="login.do" method="post" id="loginForm" >
      <table width="462" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="135" colspan="2" background="resources/images/login/kuang.png">
        <table width="350" border="0" align="center" cellpadding="0" cellspacing="6">
          <tr>
            <td width="25%"><span class="STYLE8">用户名：</span></td>
            <td width="75%"><div class="div1"><input name="userName" type="text" id="j_username"  style="height:22px;width:137px;outline:none; vertical-align:middle;" /></div></td>
          </tr>
          <tr>
            <td><span class="STYLE8">密码：</span></td>
            <td><div class="div2"><input name="passWord" type="password" id="j_password" style="height:22px;width:137px;outline:none;vertical-align:middle;"/></div></td>
          </tr>
          <%--<tr>
            <td><span class="STYLE8">验证码：</span></td>
            <td><input name="textfield3" type="text" id="textfield3" size="10" /></td>
          </tr>
          
        --%>
        <tr>
						    <td>&nbsp;</td>
							<td style="color: red; text-align: left; font-size: 14px; line-height:16px;">
							    <c:if test="${not empty errorMsg}">
							      <span>${errorMsg}</span>
							    </c:if>
							</td>
						</tr>
        </table></td>
      </tr>
      <tr>
        <td width="338" height="59"><img src="resources/images/login/kuang-2.png" width="338" height="59" /></td>
        <td width="124"><a href="javascript: onSubmit();"><img src="resources/images/login/kuang-3.png" width="123" height="59" /></a></td>
      </tr>
    </table>
    </form>
      <table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td height="60"><div align="center"><span class="STYLE11"></span></div></td>
        </tr>
      </table></td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
